$primary: #1e6ec1;
$warning: #c1780c;
$success: #339900;
$drange: #b70400;
$cancel: #999999;
body {
  font-family: Arial, Helvetica, sans-serif, 'microsoft yahei';
}

.el-dialog__footer {
  text-align: center;
}

@font-face {
  font-family: 'diyfont';
  src: url('assets/diy_font/iconfont.woff2?t=1625828754921') format('woff2'), url('assets/diy_font/iconfont.woff?t=1625828754921') format('woff'), url('assets/diy_font/iconfont.ttf?t=1625828754921') format('truetype');
}

.recivetip {
  padding-left: 0px;
  height: 40px;
  line-height: 20px;
  padding-bottom: 20px;
}

.statusRowWhite {
  padding: 0 10px;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
  min-height: 50px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.16);
  .RowChild {
    margin: 5px;
  }
}

.el-submenu .el-menu-item {
  min-width: auto;
}

.pageRow {
  padding: 10px 20px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  z-index: 1000;
  text-align: right;
  right: 30px;
}

.blueTxt {
  cursor: pointer;
  color: #189fde;
}

.el-table__expanded-cell[class*='cell'] {
  padding: 20px 0;
}

.bgGreen {
  background: #67c23a;
}

.bgRed {
  background: #f56c6c;
}

.white {
  color: whitesmoke;
}

.red {
  color: $drange;
}

.green {
  color: $success;
}

.blue {
  color: $primary;
}

.yellow {
  color: $warning;
}

.w120 {
  width: 120px;
}

.el-table thead {
  color: #333;
}

.el-table td,
.el-table th {
  padding: 6px 0;
}

.el-slider__marks-text {
  white-space: nowrap;
}

.el-slider__runway.disabled .el-slider__bar {
  background-color: #ff0000;
}

.el-slider__stop {
  background-color: rgb(200, 204, 201);
}

.el-slider__runway {
  background-color: lightseagreen;
}

.el-table .warning-row {
  background: oldlace;
}

.el-table .success-row {
  background: #f0f9eb;
}

span.warning {
  color: $warning;
  border: 1px solid $drange;
  padding: 2px 3px;
}

span.success {
  color: $success;
  border: 1px solid $success;
  padding: 2px 3px;
}

span.primary {
  color: $primary;
  border: 1px solid $primary;
  padding: 2px 3px;
}

span.drange {
  color: $drange;
  border: 1px solid $drange;
  padding: 2px 3px;
}

.el-button.warning {
  display: inline-block;
  color: $warning;
  &.is-disabled {
    opacity: 0.5;
  }
}

.el-button.success {
  display: inline-block;
  color: $success;
  &.is-disabled {
    opacity: 0.5;
  }
}

.el-button.primary {
  display: inline-block;
  color: $primary;
  &.is-disabled {
    opacity: 0.5;
  }
}

.el-button.danger {
  display: inline-block;
  color: $drange;
  &.is-disabled {
    opacity: 0.5;
  }
}

.el-button.cancel {
  display: inline-block;
  background: $cancel;
  color: #ffffff;
  &:hover {
    border: 1px solid #999999;
  }
}

.el-table thead {
  th.el-table__cell {
    background: #f6f8f9;
    border-right: 1px solid #edeeee;
  }
}

.el-table {
  font-size: 12px;
}

.el-table th.el-table__cell {
  padding: 8px 0;
}

.el-table th.el-table__cell>.cell {
  padding-left: 20px;
  padding-right: 20px;
}

.el-table .el-table__cell {
  padding: 6px 6px 6px 6px;
}

.el-table .el-table__cell>div.cell {
  padding-left: 14px;
}

.el-table .cell {
  padding: 0;
}

.el-input--small {
  font-size: 12px;
}

.el-range-editor--small .el-range-input {
  font-size: 12px;
}

.el-dialog__header {
  text-align: center;
}

.el-button--primary {
  background-color: $primary;
  border-color: $primary;
}

.el-button--warning {
  background-color: $warning;
  border-color: $warning;
}

.el-button--drange {
  background-color: $drange;
  border-color: $drange;
}

.el-button--success {
  background-color: $success;
  border-color: $success;
}

.el-button--primary.is-plain {
  background: none;
  border-color: $primary;
  color: $primary;
}

.el-button--primary.is-plain.active {
  background: $primary;
  color: #ffffff;
}

.el-button--warning.is-plain {
  background: none;
  border-color: $warning;
  color: $warning;
}

.el-button--success.is-plain {
  background: none;
  border-color: $success;
  color: $success;
}

.el-button--drange.is-plain {
  background: none;
  border-color: $drange;
  color: $drange;
}

.el-button+.el-button.disable {
  color: $primary;
  opacity: 0.5;
  cursor: not-allowed;
}

.el-button span {
  vertical-align: middle;
}

.el-button img {
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-left: 3px;
  margin-right: 3px;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #333333 !important;
}

.el-checkbox:hover .configImg {
  display: inline-block;
}

.configImg {
  margin-left: 3px;
  cursor: pointer;
  display: none;
}

.txtCenter {
  text-align: left;
}

.el-rate__text {
  display: none;
}

.el-message-box__btns {
  padding: 5px 15px 0;
  text-align: right;
  display: flex;
  flex-direction: row-reverse;
}

.el-message-box__btns button {
  margin-left: 10px;
  margin-right: 10px;
}

.v-modal {
  // position: absolute;
}

// .el-dialog__wrapper{
//     position: absolute;
//     background: rgba(0, 0, 0,0.5);
// }
.content-container {
  position: relative;
  &::after {
    display: block;
    content: '';
    clear: both;
  }
}

.driverOrderDialog {
  margin-top: 0 !important;
  top: 50%;
  transform: translateY(-50%);
}

.el-time-panel__footer {
  display: flex;
  flex-direction: row-reverse;
}

.el-textarea .el-input__count {
  right: 20px;
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
  content: '*';
  color: #f56c6c;
  margin-right: 4px;
}

.el-form-item:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item:not(.is-no-asterisk)>.el-form-item__label:before {
  content: '\00A0\00A0';
  color: #0e0e0e;
  margin-right: 4px;
}

.el-tabs__active-bar {
  background: #1e6ec1;
}

.el-cascader.hide span:nth-of-type(2) {
  color: #ffffff;
  background: #1e6ec1;
  border: 1px solid #1e6ec1;
}

.el-table .remove-row {
  background: oldlace;
}

.homePage .tabsBox .el-tabs--top .el-tabs__header {
  background: none;
  box-shadow: none;
}

.homePage .tableBox .tabsBox .el-tabs--top .el-tabs__header .el-tabs__item.is-active::before {
  content: none;
}

.flex {
  display: flex;
}

.flex-justifyend {
  justify-content: flex-end;
}

.flex-between {
  justify-content: space-between;
}

.flex-around {
  justify-content: space-around;
}

.justfy-start {
  justify-content: flex-start;
}

.flex-end {
  justify-content: flex-end;
}
.justify-center{
    justify-content: center;
}
.a-item-center {
  align-items: center;
}

.a-item-start {
  align-items: flex-start;
}

.align-base {
  align-items: baseline;
}

.flx-l {}

.flx_r {}

.ftwb {
  font-weight: bold;
}

.fs22 {
  font-size: 22px;
}

.fs18 {
  font-size: 18px;
}

.fs14 {
  font-size: 14px;
}

.fs12 {
  font-size: 12px;
}

.tx-l {
  text-align: left;
}

.tx-c {
  text-align: center;
}

.tx-r {
  text-align: right;
}

.w1200 {
  width: 1200px;
}

.w800 {
  width: 800px;
}

.w600 {
  width: 600px;
}

.w400 {
  width: 400px;
}

.w350 {
  width: 350px;
}

.w300 {
  width: 300px;
}

.w250 {
  width: 250px;
}

.w200 {
  width: 200px;
}

.w150 {
  width: 150px;
}

.w100 {
  width: 100px;
}

.mxw100 {
  max-width: 100px;
}

.mg0auto {
  margin: 0 auto;
}

.w200 {
  width: 200px;
}

.w150 {
  width: 150px;
}

.mt20 {
  margin-top: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt5 {
  margin-top: 5px;
}

.mr20 {
  margin-right: 20px;
}

.mr10 {
  margin-right: 10px;
}

.mr5 {
  margin-right: 5px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml10 {
  margin-left: 10px;
}

.ml5 {
  margin-left: 5px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb5 {
  margin-bottom: 5px;
}

.pdl5 {
  padding-left: 5px;
}

.pdl10 {
  padding-left: 10px;
}

.pdl20 {
  padding-left: 20px;
}

.pdl25 {
  padding-left: 25px;
}

.pdr5 {
  padding-right: 5px;
}

.pdr10 {
  padding-right: 10px;
}

.pdr20 {
  padding-right: 20px;
}

.padd0 {
  padding: 0;
}

.flx1 {
  flex: 1;
}

.success {
  color: $success;
}

.primary {
  color: $primary
}

.drange {
  color: $drange;
}

.wraning {
  color: $warning;
}

.box-shadow {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

.cur-pointer {
  cursor: pointer;
}


.page-header{
    padding: 30px;
}
.userBox{
    height: 700px;
}
.page-body{
    padding:0px 20px;
}

.clearfix:after {    
    content: ".";    
    display: block;  
    clear: both;    
    visibility: hidden;      
    height: 0;    
    font-size:0;   
}  

.el-menu.el-menu--horizontal{
    border-bottom: none;
}

.el-message-box.myMesbox{
    width: 712px;
    
}
.el-message-box.myMesbox2{
    width: 1000px;
}
.el-button--primary.originBtn{
    background-color: orange;
    border-color: orange;
}
